<div id="hm_cont">
	<div id="home_banner">
    	<ul class="hb_img">
    	<#if homeBannerList??>
    	<#list homeBannerList as item>
    		<#if item_index == 0>
    			<li style="left:0px;z-index:5"><a target="_blank" href="${item.link}"><img src="${item.thumbnail}" height="310" width="740" border="0" /></a></li>
    		<#else>
    			<li style="left:740px;z-index:0" ><a target="_blank" href="${item.link}"><img src="${item.thumbnail}" height="310" width="740" border="0"/></a></li>
    		</#if>
    	</#list>
    	</#if>
        </ul>
        <div class="hb_info">
        <#if homeBannerList??>
    	<#list homeBannerList as item>
    		<h2 class="title" <#if item_index &gt; 0>style="display:none"</#if> >${item.title}</h2>
    	</#list>
    	</#if>
        
        <div class="hb_num">
	       <#if homeBannerList??>
	    	<#list homeBannerList as item>
	    		  <span <#if item_index == 0>class="curr"</#if>>${item_index}</span>
	    	</#list>
	    	</#if>
        </div>
        
        </div>
        <div class="hn_titleBg"></div>
    </div>
    
    <!--banner end-->
        
    <div id="hBox_item">
    	<div class="h_column">
        <h3 class="h_title"><a href="${contextPath}/movie/popular/">Movies</a></h3>
        <a href="${contextPath}/movie/popular/" class="btn">More</a>
        </div>
        <div class="m_cont" id="movie_cont_div" style="width:720px;">
            <#if movieItems??>
	    	<#assign flag=1>
	    	<#assign items = movieItems.items>
	    	<#list items as item>
	    		<#assign url = contextPath + "/movie/popular/" + item.id>
	    		<#assign playUrl = contextPath + "/movie/popular/watch-" + item.id>
		    	<div class="m_box2_3 mi_box" <#if flag*198 &lt; 720>style="padding: 10px 73px 0 0;" <#assign flag=flag+1>
		    		<#else>style="padding: 10px 0px 0 0;" <#assign flag=1></#if>>
		        	<div class="img">
		        		<a href="${url}"><img style="width:125px; height:170px;" src="${item.thumbnail!''}" border="0" /></a>
		        		<div class="tc_btn" style="width:125px; height:170px;display:none">
			                <a href="${playUrl}" class="pbox"><span class="btn_play4 pbox_m3">Play</span></a>
			                <div class="tc_m">
			                <span class="vbox"><a href="${url}" class="btn_view4">View</a></span>
			                <span class="dbox"><a href="javascript:" itemUrl="${item.itemUrl!''}" class="btn_down4 download_btn" itemTitle="${item.title!''}">Download</a></span>
			                </div>
			                <div class="i_zz"></div>
		            	</div>
		        	</div>
		        	<ul>
		        	<li class="name"><a href="${url}"><@fromatTitle item.parentTitle!'' item.title!'' 20 30 /></a></li>
		            <li class="m_time">Full Length:<@formatSeconds item.duration /></li>
		            </ul>
		        </div>
		     </#list>
		     </#if>
            <div class="clear"></div>
        </div>
    </div>
    <!--movies end-->
    
    <div id="hBox_item">
    	<div class="h_column">
        <h3 class="h_title"><a href="${contextPath}/tv/full-length/">TV Shows</a></h3>
        <a href="${contextPath}/tv/full-length/" class="btn">More</a>
        </div>
        <div class="m_cont" id="tv_cont_div" style="width:720px;">
        	<#if tvItems??>
	    	<#assign items = tvItems.items>
	    	<#list items as item>
	    		<#assign name = item.name>		
				<#assign url = contextPath + "/tv/full-length/" + item.id>
				<#assign seasonCnt = item.seasonCount>
				<#assign epCnt = item.episodeCnt>
				<#assign description = item.description>
				<div class="m_box mi_box" <#if item_index == 3 || item_index == 7>style="padding: 10px 0px 0 0;"
		    		<#else>style="padding: 10px 46px 0 0;"</#if>>
		        	<div class="img">
		        		<a href="${url}"><img style="width:145px; height:80px;" src="${item.thumbnail}" border="0"" /></a>
		        	</div>
	        		<ul>
	        			<li class="name"><a href="${url}">${name}</a></li>
	            		<li class="c_episodes" style="font-size: 11px;">${seasonCnt} Season<#if seasonCnt &gt; 1>s</#if> : ${epCnt} Episode<#if epCnt &gt; 1>s</#if></li>
	            	</ul>
	          	</div>	
		     </#list>
		     </#if>
            <div class="clear"></div>
        </div>
    </div>
    <!--tv show end-->
    
    <div id="hBox_item">
    	<div class="h_column">
        <h3 class="h_title"><a href="${contextPath}/music/">Music</a></h3>
        <a href="${contextPath}/music/" class="btn">More</a>
        </div>
        <div class="m_cont" id="music_cont_div" style="width:720px;">
        	<#if musicItems??>
	    	<#assign items = musicItems.items>
	    	<#list items as item>
		    <#assign url = contextPath+"/music/video/" + item.id>	 
		    <#assign playUrl = contextPath+"/music/video/watch-" + item.id>	 
		   	  <div class="m_box mi_box" <#if item_index == 3 || item_index == 7>style="padding: 10px 0px 0 0;"
		    		<#else>style="padding: 10px 46px 0 0;"</#if>>
		    		<div class="img">
		    			<a href="${contextPath}/music/video/${item.id}"><img src="${item.thumbnail!''}?width=133&height=100&crop=auto" border="0" /></a>
		    			<div class="tc_btn" style="width:133px;height:90px;display:none">
			                <a href="${playUrl}" class="pbox"><span class="btn_play4_2 pbox_m">Play</span></a>
			                <div class="tc_m">
			                <span class="vbox"><a href="${url}" class="btn_view4">View</a></span>
			                <span class="dbox"><a href="javascript:;" class="btn_down4 download_btn" itemUrl="${item.itemUrl}" itemTitle="${item.title!''}">Download</a></span>
			                </div>
			                <div class="i_zz"></div>
			            </div>
		    		</div>
		        	<ul>
			        	<li class="name"><a href="${contextPath}/music/video/${item.id}"><#if item.title?length &gt; 35>${item.title?substring(0,34)}...<#else>${item.title}</#if></a></li>
			            <li class="c_singer"><#if item.actors??>${item.actors}</#if></li>
			            <li class="m_view">${item.viewCount} views</li>
		            </ul>
		      </div>
		     </#list>
		     </#if>
            <div class="clear"></div>
        </div>
    </div>
    <!--tv show end-->
    </div>